<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>

<script>
    export default {
        name: 'app',
        created: function () {
            // 判断登录状态
            this.$ajax(
                'mch/myInfo',
                {}
                , () => {
                },
                (content) => {
                    this.$store.commit('setUserInfo', content)
                }, false)
        }
    }

</script>

<style lang="less">
    @import './less/variables.less';

    .demo-table-expand {
        font-size: 0;
    }

    .demo-table-expand label {
        width: 120px;
        color: #99a9bf;
    }

    .demo-table-expand .el-form-item {
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        width: 50%;
    }

    a
    {
        outline: 0px !important;
    }
    #app {
        font-family: 'Microsoft YaHei', Arial, Avenir, Helvetica, sans-serif !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: black !important;
    }

    body {
        margin: 0;
        padding: 0;
        background: #e7e8eb;
        color: black !important;
        min-width: @layout-width !important;
    }

    .el-menu-item,
    .cell,
    .el-form-item__label,
    .el-dialog__body {
        color: black !important;
    }

    .el-select-dropdown__item.selected {
        background: #44b549 !important;
        span {
            color: white !important;
        }
    }

    .el-menu-item-group__title {
        color: @primary-grey !important;
    }

    .el-select-dropdown__item {
        span {
            color: black !important;
        }
    }

    .el-tabs__header {
        margin: 0 0 20px !important;
    }

    .el-input.is-disabled .el-input__inner {
        color: #000 !important;
    }

    .el-tabs__active-bar
    {
        background-color: @primary-green !important;
    }

    .el-radio-button__orig-radio:checked + .el-radio-button__inner {
        background-color: #44b549;
        border-color: #44b549;
        box-shadow: -1px 0 0 0 #44b549;
    }

    .searchBox {
        width: 230px;
        .el-select {
            width: 110px !important;
            input {
                width: 110px !important;
            }
        }
    }

    .table-list {
        input {
            width: 100% !important;
        }
    }

    .el-date-range-picker__editor {
        input {
            width: 100% !important;
        }
    }

    /*input {*/
    /*width: 230px !important;*/
    /*}*/

    a {
        color: #459ae9;
        text-decoration: none;
        & > div {
            color: #459ae9;
        }
    }

    a:hover {
        div {
            text-decoration: underline;
        }
        span {
            text-decoration: underline;
        }
        text-decoration: underline;
    }

    a:active {
        color: #459ae9;
    }

    .el-checkbox__input.is-checked .el-checkbox__inner {
        background-color: #44b549 !important;
    }

    .is-focus .el-checkbox__inner {
        border-color: #bfcbd9 !important;
    }

    .el-checkbox__inner:hover {
        border-color: #bfcbd9 !important;
    }

    .is-checked .el-checkbox__inner {
        border-color: #44b549 !important;
    }

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #fff inset;
        -webkit-text-fill-color: #333;
    }

    .el-button--primary {
        background: #44b549 !important;
        border-color: #44b549 !important;
    }

    .el-button--primary:hover {
        background: #359333 !important;
        border-color: #44b549 !important;
    }

    .el-button--primary:active {
        background: #44b549 !important;
        border-color: #44b549 !important;
    }

    .animateProg {
        position: relative;
        top: -2px;
        width: -moz-calc(~"100% + 40px");
        width: -webkit-calc(~"100% + 40px");
        width: calc(~"100% + 40px");
        left: -20px;
        .el-progress-bar__outer {
            height: 2px !important;
            border-radius: 0px !important;
        }
        .el-progress-bar__inner {
            background-color: #44b549;
            border-radius: 0px !important;
        }
    }

    .el-button--default:hover
    {
        color: #44b549 !important;
        border-color: #44b549 !important;

    }

    .el-tabs__item.is-active {
        color: #44b549 !important;
    }

    .el-radio-button__inner:hover {
        color: #44b549;
    }

    .dialog-footer {
        width: 200px;
        margin: 0 auto;
        display: block;
        text-align: center !important;
    }

    .el-pager li.active {
        border-color: #44b549 !important;
        background-color: #44b549 !important;
    }

    .el-pagination li:hover {
        color: #44b549 !important;
    }

    .el-pager li.active:hover {
        color: white;
    }

    .right {
        float: right
    }

    .searchBox {
        width: 100% !important;
        .el-input__inner {
            width: 100% !important;
        }
    }

    .selected {
        color: #44b549;
    }

    .el-table__header-wrapper {
        .is-leaf {
            text-align: center;
        }
    }

</style>
